body,ul,input,button,h2,p,dl,dt,dd,h4{
	margin: 0 ;
	padding: 0 ;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
.shortcuts{
	width: 100%;
	height: 30px;
	background: #f2f2f2;
	line-height: 30px;
	.typearea{
		width: 1190px;
		margin: 0 auto;
		a{
			color: #999999;
			font-size: 12px;
		}
		.collect{
			float: left;
			li{
				float: left;
				a{
					margin-right: 8px;
				}
			}
			li:last-child{
				padding-left: 12px;
				a{
					margin-right: 15px;
				}
			}
		}
		.user-center{
			float: right;
			li{
				float: left;
				margin-left: 15px;
				a{
					margin-left: 5px;
					margin-right: 5px;
				}
				img{
					width: 15px;
					height: 15px;
					vertical-align: middle;
					margin-right: 2px;
				}
			}
		}
	}
}
.advertising{
	width: 1190px;
	height: 100px;
	backgroung:red;
	margin: 5px auto;
}
.header{
	width: 1190px;
	height: 101px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	img{
		float: left;
	}
	.include{
		float: left;
		margin-left: 60px;
		padding-top: 30px;
		.search{
			width: 650px;
			height: 40px;
			border: 2px solid #c40000;
			input{
				width: 508px;
				height: 38px;
				line-height: 38px;
				border: 0;
				outline: none;
				margin-left: 2px;
				margin-top: 2px;
				padding-left: 6px;
			}
			button{
				background: #c40000;
				width: 130px;
				height: 40px;
				float: right;
				border: 0;
				font-size: 18px;
				color: #ffffff;
			}
		}
		.push{
			ul{
				li{
					float: left;
					a{
						font-size: 14px;
						color: #666666;
						margin-right: 5px;
					}
				}
			}
		}
	}
}
.nav{
	width: 100%;
	height: 37px;
	background: #dd2727;
	ul{
		width: 1190px;
		height: 37px;
		margin: 0 auto;
		font-size: 12px;
		font-weight: 600;
		line-height: 37px;
		h2{
			width: 185px;
			padding-left: 15px;
			font-size: 12px;
			float: left;
			background: #c40000;
			a{
				color: #ffffff;
			}
		}
		li{
			float: left;
			padding-left: 18px;
			padding-right:18px ;
			a{
				color: #ffffff;
				i{
					position: relative;
					color: #ffffff;
					left: 5px;
					top: -4px;
					font-size: 9px;
				}

			}
		}
	}
}
.content{
	width: 100%;
	overflow: hidden;
	background: url(../image/content-bg.jpg) no-repeat top center;
	.list{
		width: 1190px;
		height:320px;
		margin: 0 auto;
		.menu{
		float: left;
			li{
				width: 200px;
				height: 63px;
				border-bottom: #e8e8e8 1px solid;
				b{
					display: block;
					width: 40px;
					height: 64px;
					float: left;
					background: url(../image/index_leftmenu.png) no-repeat -5px 0;
				}
				
				.classify{
					width: 120px;
					height: 54px;
					line-height: 24px;
					font-size: 12px;
					float: left;
					padding-top: 8px;
					margin-left: 20px;
					a{
						color: #333333;
					}
					a:first-of-type{
						font-weight: 600;
						font-size: 14px;
					}
				}
			}
			li:nth-of-type(2){
				b{
					background-position: -5px -60px;
				}
			}
			li:nth-of-type(3){
				b{
					background-position: -5px -120px;
				}
			}li:nth-of-type(4){
				b{
					background-position: -5px -180px;
				}
			}li:nth-of-type(5){
				b{
					background-position: -5px -240px;
				}
			}
			
			
			li:hover{
				background: #EFEFEF;
				box-shadow:2px 2px 1 inset;
			}
		}
		.rotate-play{
		float: left;
		width: 780px;
		height: 320px;
		overflow: hidden;
		position: relative;
			li{
				position: absolute;
				a{
					img{
						width: 780px;
						height: 320px;
					}
				}
				
			}
		}
		.code{
			float: left;
			width: 210px;
			height: 320px;
		}
		
	}
	.updates{
		width: 1190px;
		height: 300px;
		margin: 5px auto;
		.news{
			width: 198px;
			height: 200px;
			margin-left: 2px;
			border-top: 1px solid #dfdfdf;
			border-bottom: 1px solid #dfdfdf;
			float: left;
			.choose1{
				width: 99px;
				text-align: center;
				font-size: 12px;
				line-height: 30px;
				float: left;
			}
			.choose2{
				width: 99px;
				text-align: center;
				font-size: 12px;
				line-height: 30px;
				float: left;
		
			}
			ul{
				
				li{
					width: 198px;
					span{
						float: right;
						font-size: 12px;
						padding-right: 5px;
					}
					a{
						white-space: nowrap;
						overflow: hidden;
						text-overflow: ellipsis;
						display: inline-block;
						width: 150px;
						font-size: 12px;
						color: #000000;
						line-height: 25px;
					}
					
				}
			}
		}
		.update{
			float: left;
			a{
				display:block;
				float: left;
				img{
					height: 200px;
				}
			}
		}
		.smallchoose{
			float: left;
			border-top:1px solid #eeeeee;
			border-bottom:1px solid #eeeeee;
			margin-top: 3px;
			a{
				display: inline-block;
				margin:8px 3px;
				border: 1px solid #eeeeee;
				img{
					width: 105px;
					height: 75px;
				}
			}
		}
	}
	.goods-type{
		width: 1190px;
		margin: 0 auto;
		.hot-goods{
			margin-top: 10px;
			padding-top: 20px;
			overflow:hidden;
			.title1{
				height: 22px;
				margin-bottom: 20px;
				p{
					float: left;
					font-size: 16px;
					font-weight: 600;
				}
				.hot-choose{
					float: right;
					li{
						float: left;
						border-right: 1px solid #eeecee;
						padding:0 8px;
						a{
							font-size: 12px;
							line-height: 12px;
							color: #333333;
						}
					}
				}
			}
			.goods{
				dl{
					float: left;
					width:140px;
					margin:0 15px;
					margin-bottom: 10px;
					dt{
						a{
							img{
								width: 120px;
								margin: 0 10px;
							}
						}
					}
					dd{
						font-size:10px;
						color: #e02f26;
						a{
							font-size: 12px;
							color: #333333;
						}
						span{
							background: #8bc144;
							color: #ffffff;
						}
					}
					dd:last-of-type{
						font-size:10px;
						color: #9c9c9c;
						span{
							display: inline-block;
							background: #fff;
							color: #9c9c9c;
							margin: 0 2px;
							padding-bottom: 10px;
						}
					}
				}
			}
		}
		.update-good{
			margin: 10 0px;
		}
		.contact-lenses{
			.title2{
				height: 45px;
				margin-top: 20px;
				border-bottom:2px solid #9c9c9c;
				span{
					float:left;
					width: 30px;
					height: 40px;
					text-align: center;
					line-height: 30px;
					color: #fff;
					background: url(../image/index_bg.jpg) no-repeat -38px -580px;
				}
				h2{
					float: left;
					margin-left: 15px;
					font-size: 17px;
					line-height: 45px;
				}
			}
			.contact-area{
				border-bottom: 1px solid #EFEFEF;
				margin-bottom: 10px;
				.contact-list{
					float: left;
					border-right: 1px solid #EFEFEF;
					ul{
						width:190px;
						height: 180px;
						padding: 10px;
						li{
							width: 90px;
							height: 25px;
							float: left;
							a{
								font-size: 12px;
								color: #333333;
							}
						}
					}
					img{
						width: 205px;
						height:250px ;
					}
				}
				.contact-show{
					overflow: hidden;
					dl{
						width: 160px;
						height: 207px;
						padding: 10px 17px;
						float: left;
						dt{
							img{
								width: 160px;
								height: 160px;
							}
						}
						dd{
							font-size: 12px;
							line-height: 25px;
							a{
								color: #333333;
							}
						}
						dd:last-of-type{
							color: #E02F26;
							font-size: 14px;
							line-height: 1;
							span{
								background: #8BC144;
								color: #FFFFFF;
								padding: 0 2px;
							}
						}
					}
				}
			}
		}
		.glasses-lesson{
			.title3{
				height: 45px;
				margin-top: 20px;
				border-bottom:2px solid #9c9c9c;
				font-size: 17px;
				line-height: 45px;
				img{
					width: 32px;
					height: 32px;
					vertical-align: middle;
					margin-right: 15px;
				}
				a{
					color: #333333;
				}
			}
			.lesson-content{
				padding-top:10px ;
				float: left;
				overflow: hidden;
				width: 880px;
				ul{
					margin-right:40px;
					width: 400px;
					height: 285px;
					border-bottom: 1px solid #CCCCCC;
					margin-bottom: 20px;
					padding-bottom: 10px;
					float: left;
					list-style: disc;
					list-style-position: inside;
					li{
						position: relative;
						font-size: 12px;
						line-height: 35px;
						a{
							color: #333333;
						}
						.shade{
							width: 100%;
							font-size: 12px;
							line-height: 35px;
							text-indent: 15px;
							background: rgba(0,0,0,0.3);
							position: absolute;
							bottom: 13px;
							a{
								color: #9BC4E7;
							}
						}
					}
				}
			}
			.adver{
				float: left;
				margin-top: 10px;
			}
		}
	}
}
.user-help{
	width: 1080px;
	height: 120px;
	margin: 10px 42px auto;
	padding: 20px 55px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	.help{
		width:180px;
		height: 120px;
		float: left;
		li{
			height: 30px;
			margin-right: 15px;
			float: left;
			a{
				font-size: 12px;
				color: #666;
				line-height: 30px;
			}
		}
	}
}
.link{
	width: 1190px;
	margin: 10px auto;
	overflow:hidden;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	.linkname{
		float: left;
		width: 80px;
		height: 30px;
		font-size: 12px;
		text-align: center;
		a{
			color: #FF0000;
			line-height: 30px;
		}
	}
	.roll{
		float: left;
		ul{
			li{
				float: left;
				padding: 0 30px;
				a{
					font-size: 12px;
					color: #666666;
					line-height: 30px;
				}
			}
		}
	}
}
.foot{
	width: 1190px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 30px;
	color: #666666;
	a{
		color: #333333;
	}
}